@charset "utf-8";
/* CSS Document */

/*n*/
*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.b_n{ width:100%; line-height:6em; font-size:50px; color:#fff; font-weight:bold; text-transform:uppercase; background:url(../images/banner_n.jpg) no-repeat center center; text-align:center; text-shadow:#666 5px 5px 5px;}

.n{ padding:50px 0; border-bottom:1px solid #eee;background-color: #f5f7f9;}

/*top n*/
.top_n{ background:rgba(0,0,0,0.5); padding:5px 0; margin-top:-45px;}
.top_n ul li{ float:left; padding:10px 20px; margin:0 5px; background:rgba(0,0,0,0.2); transition:0.2s; -webkit-transition:0.2s;}
.top_n ul li:hover{ background:rgba(0,0,0,0.5);}
.top_n ul li a{ color:#fff; font-size:12px;}

/*about*/
.nn{  background-color: #fff;padding:20px;}
.about_m{ padding:2%; background-color:#fff; width:44%; float:left; box-sizing:content-box;}
.about_m p{ text-indent:2em; font-size:16px; line-height:1.6;}
.about_m p span{ color:#97732d;}
.comp02{ width:50%; float:right; height:402px;}
.bigtit{ font-size:32px; color:#404040; margin-bottom:30px; position:relative;}
.bigtit em{ display:block; width:80px; height:1px; background-color:#185daa; margin:15px auto 0;}
.bigtit:after{ content:""; height:3px; background:#103d99; position:absolute; width:5%; top:55px; left:0;}
.bigtit p{ padding-bottom:15px;}
.bigtit span{ font-size:20px; line-height:56px; color:#103d99;}
.border{ border-bottom: solid 1px #dcdcdc; width: 20%;}

/*ability*/
.ability img{ max-width:100%;}

/*honor*/
.honor_ul{ width:100%;}
.honor_ul li{ width:30%; float:left; margin-right:5%; margin-bottom:20px;}
.honor_ul li:nth-child(3n){ margin-right:0;}
.honor_ul li a{ display:block; padding:5px; border:1px solid #ddd; position:relative;}
.honor_ul li a:hover{ border:1px solid #13418e;}
.honor_ul li img{ width:100%;}
.honor_ul li p{ text-align:center; margin-top:10px; font-size:14px;}
.honor_ul li p a{ color:#666;}
li .cover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #13418e; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease; transition: all .2s ease; }
li:hover .cover { opacity: .8; filter: alpha(opacity=80); }
li .ico01 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: -94px; background: url(../images/i5.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
li:hover .ico01 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }
li .ico02 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: 64px; background: url(../images/i6.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
li:hover .ico02 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }

/*product*/


/*news*/
.news .news_ul li{ position:relative; border:1px solid #d9d9d9; background:#FFF; padding:20px 10px; margin-bottom:20px; transition:0.2s; -webkit-transition:0.2s;}
.news .news_ul li:hover{ border:1px solid #103d99;}
.list-left{ float:left; width:18%;}
.list-left .thumb{ display:block; width:100%; border:1px solid #959595}
.list-left .extra{ padding:10px 0}
.list-info{ }
.list-info h2{ border-bottom:1px solid #e1e1e1; font-size:16px; font-weight:normal; padding:0 0 10px}
.list-info h2 a{ color:#103d99;}
.list-info h2 span{ color:#103d99;}
.list-info p{ line-height:2; text-indent:2em; font-size:14px; color:#666; padding:10px 0 0}
.list-info p a{ color:#103d99;}

/*contact*/
.contact .contact_m{ padding-left:30px; margin-bottom:50px; width:50%; float:left;}
.contact .contact_m img{ float:left; height:50px;}
.contact .contact_m .p1{ float:left; font-size:18px; padding-left:20px; margin-bottom:5px;}
.contact .contact_m .p2{ float:left; font-size:14px; padding-left:20px; width:80%;}



/* The history */
.cbp_tmtimeline { margin: 30px 0 0 0; padding: 0; list-style: none; position: relative; } 
.cbp_tmtimeline:before { content: ''; position: absolute; top: 0; bottom: 0; width: 10px; background: #afdcf8; left: 20%; margin-left: -10px; }

.cbp_tmtimeline > li { position: relative; }

/* The date/time */
.cbp_tmtimeline > li .cbp_tmtime { display: block; width: 25%; padding-right: 150px; position: absolute; }

.cbp_tmtimeline > li .cbp_tmtime span { display: block; text-align: right; }

.cbp_tmtimeline > li .cbp_tmtime span:first-child { font-size:20px; color: #3594cb;}

.cbp_tmtimeline > li .cbp_tmtime span:last-child { font-size: 2em; color: #3594cb; }

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child { color: #3594cb; }

/* Right content */
.cbp_tmtimeline > li .cbp_tmlabel { margin: 0 0 15px 25%; background:#3594cb; color: #fff; padding: 1.5em; font-size: 1.2em; font-weight: 300; line-height: 1.4; position: relative; border-radius: 5px; }

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel { background:#6cbfee}

.cbp_tmtimeline > li .cbp_tmlabel h2 { margin-top: 0px; padding: 0 0 10px 0; border-bottom: 1px solid rgba(255,255,255,0.4); }

/* The triangle */
.cbp_tmtimeline > li .cbp_tmlabel:after { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #3594CB; border-width: 10px; top: 10px; }

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after { border-right-color: #6CBFEE; }

/* The icons */
.cbp_tmtimeline > li .cbp_tmicon { width: 40px; height: 40px; font-family: 'ecoico'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 1.4em; line-height: 40px; -webkit-font-smoothing: antialiased; position: absolute; color: #fff; background: #46a4da; border-radius: 50%; box-shadow: 0 0 0 8px #afdcf8; text-align: center; left: 20%; top: 0; margin: 0 0 0 -25px; }

/*service*/
.service img{ max-width:100%;}


/*---------------------*/
#feedbackForm{ padding:20px;}
.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px;  color: #666; resize: none; width:96%; height: 160px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; border: 1px solid #15b1ac; outline: none; background: #fff; }
.messageinput { width: 236px; padding: 10px; height: 40px; line-height: 40px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0;  color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; border: 1px solid #15b1ac; outline: none;  background: #fff; }
.messagebtn { width: 200px; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #ccc; color: #2d3e50; border-radius: 4px;  cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 500px; color: #fff; background:#068DD1; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }

/*achievement*/
.achievement *{ line-height:2.2;}
.achievement{ font-size:14px; width:100%;}
.achievement table{ width:100%; border-collapse:inherit; border-spacing:2px;}
.achievement table p{ text-align:center;}
.achievement h2{ text-align:center; font-size:24px; font-weight:bold;}
.achievement table tr{ background:#fff;}
.achievement table tr:first-child{ font-size:18px;}
.achievement table tr:nth-child(odd) td{ background:#C2E9F2;}
.achievement table tr:first-child td{ background:#144CA1; color:#fff;}

/*20200803*/
.wrapper {
    width: 1200px;
    margin: 0 auto;
}
.cen05{background:url(../images/cen05bg.jpg) no-repeat center top; height:508px; padding:60px 0;}
.cen05 .cen05img img{display:block; margin:0 auto;}
.cen05 .title{color:#dddddd;  font-size:22px; text-decoration:none; text-align:center; margin-top:8px; background:url(../images/ll.jpg) no-repeat center bottom; padding-bottom:20px; }
.cen05 .titlea{color:#dddddd;  font-size:14px; text-decoration:none; margin-top:25px; text-align:center;}
.cen05 .newsul{margin-top:50px;}
.cen05 .newsul li{margin:0 25px; float:left; width:350px;}
.cen05 .newsul .newstit{color:#ccc;  font-size:16px; font-weight:bold; text-decoration:none;}
.cen05 .newsul .time{width:98px; border:1px solid #75797e; height:140px; margin-right:15px;}
.cen05 .newsul .time .year{color:#bbb; font-size:47px; text-align:center; margin-top:28px;}
.cen05 .newsul .time .month{color:#757575; font-size:26px; text-align:center; margin-top:35px; font-family:Arial, Helvetica, sans-serif;}
.cen05 .newsul .newjs{width:235px;}
.cen05 .newsul .newstita{color:#bbb; font-size:14px; text-decoration:none; line-height:23px; margin-top:25px;display: -webkit-box;
	overflow:hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient:vertical;
	-webkit-line-clamp: 4}
.cen05 a.nnmore{color:#2a58c7; font-size:12px;  text-decoration:underline; margin-top:20px; display:block;}

.bannerslide { height:620px; width: 100%; position: relative; -webkit-transition: all .2s; transition: all .2s; }
.bannerslide .swiper-slide { background-position: center; background-size: cover; }
.pagination { position: absolute; left: 0; text-align: center; bottom:10px; width: 100%; z-index: 99}
.swiper-pagination-switch {display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #fff; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer;}
.swiper-active-switch { background: #2a58c7;}
.bannerslide .arrow-left { background: url(../images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index: 99}
.bannerslide .arrow-right { background: url(../images/arrows.png) no-repeat right bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index: 99}

.contact {margin: 30px 0;  }
.contact .tit {font-size: 20px;line-height: 30px;margin-bottom: 10px;color: #016db8;}
.contact p { padding: 10px 0; border-bottom: 1px dotted #ddd; width: 47%; margin-right: 5%;font-size: 14px; float: left;}
.contact p:nth-child(2n){margin-right: 0;}
.side { width: 300px; float: left; }

.snav .sd { display: none; }
.main { width: calc(100% - 330px); float: right; }
.snav { background: #fff; padding: 4px; margin-bottom: 30px; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); border-top: 3px solid #002b69; box-shadow: 2px 2px 30px rgba(0,0,0,0.1); }
.snav .hd { text-align: center; font-size: 20px; color: #002b69; font-weight: bold; line-height: 20px; padding: 20px 0 10px; }
.snav .hd .split { margin: 0 10px; font-family: simsun; }
.snav .bd { background: #fff; padding: 10px; }


.snav .bd .bul {margin: 0;padding: 0;overflow: hidden;}  
.snav .bd .bul .bli{background-color: #f6f6f4;border: 1px solid #ebebeb;margin-bottom: 5px;border-radius: 10px;}  
/*隐藏input*/
.snav .bd .bul li input{position: absolute;left: 0;opacity: 0;z-index: 2;cursor: pointer;height: 1em;width:1em;top: 0;}  
/*所有菜单项设置统一样式*/
.snav .bd .bul li {position: relative;list-style: none;}   
/*一级菜单加下边线*/
.snav .bd .bul>li{border-bottom: 1px solid #d9d9d9;}
/*给有子菜单的菜单项添加背景图标*/
.snav .bd .bul li label {cursor: pointer;display: block;padding: 15px 10px;}  
.snav .bd .bul .bli:hover,.bli:focus{border-color: #002b69;}
/*清除所有展开的子菜单的display*/
.snav .bd .bul li input + ol{display: none;}  
/*当input被选中时，给所有展开的子菜单设置样式*/
.snav .bd .bul input:checked + ol {padding-left:14px;height: auto;display: block;}  
.snav .bd .bul input:checked + ol > li { height: auto;}  
/*末层菜单为A标签，设置样式*/
.snav .bd .bul li.file a{padding: 15px 20px;text-decoration:none;display: block;color:#333333; -webkit-transition: all .2s; transition: all .2s; } 
.snav .bd .bul li.file a:hover,li.file a:focus{color: #002b69;padding-left: 30px;} 
/*不同层级的菜单字体大小不同*/
.snav .bd .bul .folderOne{font-size: 18px;font-weight: bold;background-image:url(../images/down.png);background-position: 95%;background-repeat: no-repeat;}
.snav .bd .bul .folderTwo{font-size:16px;position: relative;}
.snav .bd .bul .folderTwo{font-size:16px;position: relative;}
.snav .bd .bul .folderThree:before{content: '>>';position:absolute;top: 0;left: 0;margin-top: 12px;margin-left: -5px;}








.mainbox { background: #fff; border: 0 solid #dedede; border-top: 3px solid #002b69; padding: 40px 64px; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); }
.mainbox .hd { height: 20px; border-bottom: 1px solid #dedede; margin-bottom: 60px; }
.mainbox .hd h1 { float: left; background: #fff; line-height: 40px; font-weight: normal; color: #39424b; padding-right: 20px; font-size: 30px; }
.mainbox .now { float: right; background: #fff; line-height: 40px; color: #999; padding-left: 10px; font-size: 12px; }
.mainbox .now .split { margin: 0 4px; font-family: simsun; }
.mainbox .now a { color: #999; }
.mainbox .now a:hover { color: #002b69; }

.mainbox .bd { font-size: 16px; line-height: 30px; color: #333; word-wrap: break-word; }
.mainbox .bd img { max-width: 100%; }
.mainbox .bd p { margin-bottom: 20px; }
.mainbox .bd h3 { font-size: 18px; font-weight: normal; background: linear-gradient(to right, rgba(0,43,105,1), rgba(1,72,175,1)); color: #fff; line-height: 42px; padding: 5px 20px; border-radius: 20px 0 20px 0; margin-bottom: 20px; margin-top: 40px; }
.mainbox .bd .kfc { padding-left: 20px; margin-bottom: 20px; }
.mainbox .bd .kfc li { list-style-type: disc; }

.prolist { }
.prolist .item { width: 32.333333333%; float: left; margin: 0 1.5% 10px 0; box-sizing: border-box; border: 1px solid #dedede; -webkit-transition: all .4s; transition: all .4s; }
.prolist .item:nth-child(3n) { margin-right: 0; }
.prolist .item:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); z-index: 1; }
.prolist .item .img a { display: block; }
.prolist .item .img img { width: 100%; display: block; }
.prolist .item .box { padding: 20px 30px; position: relative; overflow: hidden; }
.prolist .item .box .nam { font-size: 14px; font-weight: bold; line-height: 30px; margin-bottom: 10px; overflow: hidden; height: 30px; }
.prolist .item:hover .box .nam {  }
.prolist .item .box .nam a { color: #333; }
.prolist .item:hover .box .nam a { color: #002b69; }
.prolist .item .box .txt { font-size: 12px; color: #666; line-height: 20px; height: 40px; overflow: hidden; }
.prolist .item:hover .box .txt { }
.prolist .item .box .btn { position: absolute; left: 0; bottom: 0; right: 0; height: 58px; line-height: 58px; background: #002b69; color: #fff; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .4s; transition: all .4s; }
.prolist .item:hover .box .btn { -webkit-transform: translateY(0); transform: translateY(0); }
.prolist .item .box .btn a { color: #fff; font-size: 14px; display: block; text-decoration: none; padding-left: 30px; }

.newstitle { font-size: 26px; text-align: center; line-height: 30px;  margin-bottom: 5px; }
.newsinfo { font-size: 12px; text-align: center; line-height: 30px; color: #999;  }
.newsinfo .author, .newsinfo .time { margin: 0 5px; }
.newsmaincon { margin: 20px 0;  }
.newsmaincon img { max-width: 100%; }
.newsmaincon h3 { font-size: 18px; font-weight: normal; background: linear-gradient(to right, rgba(234,0,0,1), rgba(255,51,0,1)); color: #fff; line-height: 40px; height: 40px; padding: 0 20px; border-radius: 20px; margin-bottom: 20px; margin-top: 40px; }
.newsmaincon .dou { margin-bottom: 20px; }
.newsmaincon .dou02 { overflow: hidden; }
.newsmaincon .dou02 li { width: 50%; float: left; }
.newsmaincon .dou li:before { content: '·'; color: #ea0000; font-weight: bold; margin-right: 10px; }

.newsbackline { height: 30px; line-height: 30px; border-top: 1px solid #dedede; padding-top: 10px; margin: 30px 0 50px; }
.newsbackline ul { width: 100%; }
.newsbackline ul li { width: 33.333333%; float: left; text-align: center; display: block; height: 33px; }
.newsbackline ul li a { display: inline-block; width: 120px; border-width: 1px; border-style: solid; border-color: #dedede; text-decoration: none; color: #666; font-size: 12px; }
.newsbackline ul li a:hover { border-color: #323e4a; color: #323e4a; }
.newsbackline ul li.prev { text-align: left; }
.newsbackline ul li.prev a { text-align: center; }
.newsbackline ul li.next { text-align: right; }
.newsbackline ul li.next a { text-align: center; }

.homebox04 { padding: 70px 0 60px; }
.homebox04 .title { text-align: center; margin-bottom: 30px; }
.homebox04 .title .cn { font-size: 30px; color: #666; margin-bottom: 4px; }
.homebox04 .title .en { font-size: 12px; color: #999; margin-bottom: 20px; font-weight: bold; font-family: arial; }
.homebox04 .title .ti { font-size: 14px; color: #999; line-height: 24px; font-weight: bold; }
.homebox04 .list { }
.homebox04 .list .item { box-sizing: border-box; border: 1px solid #ddd; float: left; width: 31.333333%; margin-right: 3%; }
.homebox04 .list .item:last-child { margin-right: 0; }
.homebox04 .list .item .line { padding: 20px 30px; font-size: 14px; line-height: 20px; color: #666; }
.homebox04 .list .item .line:first-child { background: #fafafa; }
.homebox04 .list .item .line .img { float: left; padding-top: 4px; margin-right: 16px; }
.homebox04 .list .item .line.lines { color: #fff; background: #002b69; }

.newstitle { font-size: 26px; text-align: center; line-height: 30px;  margin-bottom: 5px; }
.newsinfo { font-size: 12px; text-align: center; line-height: 30px; color: #999;  }
.newsinfo .author, .newsinfo .time { margin: 0 5px; }
.newsmaincon { margin: 20px 0;  }
.newsmaincon img { max-width: 100%; }
.newsmaincon h3 { font-size: 18px; font-weight: normal; background: linear-gradient(to right, rgba(234,0,0,1), rgba(255,51,0,1)); color: #fff; line-height: 40px; height: 40px; padding: 0 20px; border-radius: 20px; margin-bottom: 20px; margin-top: 40px; }
.newsmaincon .dou { margin-bottom: 20px; }
.newsmaincon .dou02 { overflow: hidden; }
.newsmaincon .dou02 li { width: 50%; float: left; }
.newsmaincon .dou li:before { content: '·'; color: #ea0000; font-weight: bold; margin-right: 10px; }
header .headerWrapper .headerwidth ul li a{font-size: 18px;font-weight: bold;}

.containerIllu img{width: 100%;}

.listPosts .list {  }
.listPosts .list .item { width: 24%; margin: 0 .5% 16px; -webkit-transition: all .7s; transition: all .7s; float: left; }
.listPosts .list .item .img {  }
.listPosts .list .item .img a { display: block; }
.listPosts .list .item .img img { display: block; width: 100%; }
.listPosts .list .item .info { background: #f1f7fb; padding: 20px 0; text-align: center; color: #666; }
.listPosts .list .item .info .id { font-family: Verdana; font-size: 12px; }
.listPosts .list .item .info .nam { font-size: 18px; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 10px; }
.listPosts .list .item .info .txt { font-size: 12px; line-height: 19px; height: 38px; overflow: hidden; margin-bottom: 15px; margin-top: 15px; margin-left: 30px; margin-right: 30px; }
.listPosts .list .item .info .mor {  }
.listPosts .list .item .info .mor a { font-size: 12px; line-height: 26px; border: 1px solid #ccc; display: inline-block; padding: 0 20px; border-radius: 20px; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; }
.listPosts .list .item .info .mor a:hover { border-color: #002b69; color: #fff; background: #002b69; }
.listPosts .list .item:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); }


@media (max-width: 1120px) {
	.wrapper {width: 100%;}
.b_n{ font-size:25px;}
.bigtit{ font-size:24px;}
.bigtit span{ font-size:14px; line-height:30px;}
.bigtit:after{ top:38px;}
.about_m{ width:100%; padding:0; float:none;}
.comp02{ width:100%; float:none; margin-top:10px;}
.honor_ul li{ width:47%; margin-right:5%;}
.honor_ul li:nth-child(3n){ margin-right:5%;}
.honor_ul li:nth-child(2n){ margin-right:0;}
.news .news_ul li .list-left{ display:none;}
.list-info{ width:100%; float:none;}
.contact .contact_m{ width:100%; padding-left:0;}
.contact .contact_m img{ height:35px;}
.contact .contact_m .p1, .contact .contact_m .p2{ font-size:12px;}
.map{ display:none;}
#demo-b{ display:none;}
.messagebtn.btnon,.messageinput{ width:200px;}
.achievement h2{ font-size:18px;}
}
@media (max-width:1100px){
	.bannerslide{height: 300px;}
}

@media (max-width:800px){
.listPosts .list .item { width: 49%; margin-bottom: 6px; }
}

@media (max-width:720px){
	.bannerslide{height: 200px;}
	.cen05{height:725px; background: url(../images/cen05bg.jpg) no-repeat center bottom; background-color:#192124;}
	.cen05 .newsul{margin:30px 2%; width:96%;}
	.cen05 .newsul li{width:100%; margin:10px 0;}
	.cen05 .newsul .newjs{width:69%;margin: 0 20px;}
	.cen05 .newsul .newstita{margin-top:15px;}
	.contact p { width: 100%; margin-right: 0; float: none;}
	.side { width: 100%; float: none; }
	.main { width: 100%; float: none; }
	
	.sbox { display: none; }
	
	.snav { padding: 0; margin-bottom: 0; }
	.snav .sd { background: #666; line-height: 36px; font-size: 12px; color: #fff; text-align: center; display: block; }
	.snav .hd { display: none; }
	.snav .bd { display: none; }
	.snav .bd.sbon { display: block; }
	
	.snav .bd .bul .bli .ba { font-size: 14px; }
	.mainbox .now { display: none; }
	
	.mainbox { padding: 20px; }
	.mainbox .hd { border-color: transparent; margin: -20px -20px 40px; }
	.mainbox .hd h1 { float: none; text-align: center; background: #002b69; color: #fff; font-size: 16px; padding-right: 0; }
	.prolist .item { width: 100%; margin: 0 0 10px; }
	.homebox04 { padding: 30px 0; }
	.homebox04 .title .cn { font-size: 22px; }
	.homebox04 .title .ti br { display: none; }
	.homebox04 .list .item { float: none; width: 100%; margin: 0 0 10px;}
	.honor_ul li{float: none;width: 100%;}
	.cultureInfo img{max-width: 100%;}
}